<template>
    <view class="main">
        <view class="top">
            <text class="prompt balance">0</text>
            <text class="prompt writing">可提现</text>
        </view>
        <navItem :navs="navList"></navItem>
    </view>
</template>

<script>
    import navItem from '@/components/navigation/nav-item'
    export default {
        components: {
            navItem
        },
        data() {
            return {
                navList: [{
                    title: '提现',
                    icon: '../../static/logo.png',
                    href: ''
                }]
            }
        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>
    .top {
        height: 130rpx;
        width: 94%;
        margin: 0 auto;

        border: {
            width: 1rpx;
            style: solid;
            color: lightgray;
            radius: 20rpx;
        }

        ;

        margin: {
            top: 20rpx;
            bottom: 20rpx;
        }

        ;

        padding: {
            top: 20rpx;
        }

        ;

        .prompt {
            display: block;
            width: 30%;
            // border: 1rpx solid red;
            text-align: center;

            font: {
                size: 30rpx;
            }

            ;

        }

        .writing {
            color: lightgray;
        }

        .balance {
            font: {
                size: 42rpx;
            }

            ;
            color: red;

            :before {
                content: "￥";
                color: red;
                font-size: 34rpx;
            }
        }
    }
</style>